<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('流水详情')" />
    <th:block th:include="include :: select2-css" />
    <th:block th:include="include :: jq-viewer-css" />
    <style>
        #imageBox img {width:100%;display:none}
        .tabs-container .panel-body {padding: 1px;}
        .viewer-fullscreen{display: none;}
    </style>
</head>
<body class="gray-bg">
<div class="row">
    <div class="col-sm-12">
        <div class="tabs-container">
            <ul class="nav nav-tabs">
                <li class="active"><a data-toggle="tab" href="#sdiImage-tab" aria-expanded="true">影像信息</a>
                </li>
                <li class=""><a data-toggle="tab" href="#paeaDsTrade-tab" aria-expanded="false">流水信息</a>
                </li>
            </ul>
            <div class="tab-content">
                <div id="sdiImage-tab" class="tab-pane active">
                    <div class="box-body">
                        <div class="imageBox" id="imageBox" style="height:0px;padding-bottom:41%;">
                        </div>
                    </div>
                </div>
                <div id="paeaDsTrade-tab" class="tab-pane">
                    <div class="panel-body">
                        <div class="row show-grid">
                            <div class="col-md-6">交易日期：[[${#dates.format(paeaDsTrade.trDate,'yyyy-MM-dd')}]]</div>
                            <div class="col-md-6">交易机构：[[${paeaDsTrade.brCode}]]</div>
                            <div class="col-md-6">柜员号：[[${paeaDsTrade.trTelr}]]</div>
                            <div class="col-md-6">交易时间：[[${paeaDsTrade.txnTime}]]</div>
                            <div class="col-md-6">流水号：[[${paeaDsTrade.vchNo}]]</div>
                            <div class="col-md-6">交易码：[[${paeaDsTrade.txnCde}]]</div>
                            <div class="col-md-6">交易金额：[[${paeaDsTrade.txnAmt}]]</div>
                            <div class="col-md-6">借贷方：[[${paeaDsTrade.vchSign}]]</div>
                            <div class="col-md-6">货币码：[[${paeaDsTrade.ccyCode}]]</div>
                            <div class="col-md-6">账号：[[${paeaDsTrade.accNo}]]</div>
                            <div class="col-md-6">客户证件：[[${paeaDsTrade.toAccNo}]]</div>
                            <div class="col-md-6">客户号：[[${paeaDsTrade.custIdt}]]</div>
                            <div class="col-md-6">客户名称：[[${paeaDsTrade.custName}]]</div>
                            <div class="col-md-6">客户账号：[[${paeaDsTrade.custAccNo}]]</div>
                            <div class="col-md-6">对方账户户名：[[${paeaDsTrade.toCustName}]]</div>
                            <div class="col-md-6">票据号码：[[${paeaDsTrade.description}]]</div>
                            <div class="col-md-6">授权柜员：[[${paeaDsTrade.authTelr1}]]</div>
                            <div class="col-md-6">交易摘要：[[${paeaDsTrade.remark}]]</div>
                            <div class="col-md-6">冻结原因：[[${paeaDsTrade.trSeq}]]</div>
                            <div class="col-md-6">冻结到期日：[[${#dates.format(paeaDsTrade.afdmmatdat)}]]</div>
                            <div class="col-md-6">产品码：[[${paeaDsTrade.accbk}]]</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<th:block th:include="include :: footer" />
<th:block th:include="include :: jq-viewer-js" />
<script th:inline="javascript">
    // $("#content-main",parent.document).toggleClass('max');
    // $("#ax_close_max",parent.document).show();
    var prefix = ctx + "paea/paeaDsTrade";
    var sdiImageList = [[${sdiImageList}]];
    var imgPathPrefix = [[${imgPathPrefix}]];
    $.each(sdiImageList, function(index, sdiImage) {
        var imageUrl = "http://"+imgPathPrefix +sdiImage.sdifilepath;
        $('#imageBox').append('<img name= "img'+index+'" src="'+imageUrl+'" alt="影像">');
    });
    $('#imageBox').viewer({
        inline:true,
        viewed: function () {
            $.each($('.viewer-canvas img'),function(i , img){
                // var url = $(this).attr("src");
                // var imageId = getParam(url, "imageId");
            });
        }
    }).viewer('update');
</script>
</body>
</html>